const TodoListItem = {
  template: `
    <div :class="['list-item']">
      <input type="checkbox" :checked="item.completed" />
      <span class="content">{{ item.title }}-{{ item.completed ? '已' : '未' }}完成</span>
      <button>删除</button>
    </div>
  `,
  props: ['item']
}

export default TodoListItem
